@import '../../../assets/css/CommonStyle.scss';
#Doctor-DoctorGroupDetail {
  .colorNull {
    color: rgba(#333, 0.2);
  }
  .contentArea {
    height: 100vh;
    overflow: hidden;
  }
  .topMenu {
    padding: 0 m-w(30);
  }
  .scrollArea {
    overflow: auto;
  }
  .introduction {
    padding: 0 m-w(30);
    //margin-top: m-w(40);
    .name {
      font-weight: bold;
      font-size: m-w(34);
      color: #333333;
    }
    p {
      color: #333;
      margin-bottom: m-w(8);
    }
    .remark {
      color: #999;
      font-size: m-w(22);
      word-break: break-all;
    }
  }
  .patientList {
    .noGroup {
      text-align: center;
      img {
        width: m-w(240);
        height: m-w(240);
        margin-top: m-w(80);
      }
      p {
        font-size: m-w(22);
        margin-top: m-w(40);
        color: #afa7a7;
      }
    }
    .patientItem {
      width: m-w(690);
      height: m-w(218);
      box-shadow: 0px 0px 30px 0px rgba(87, 82, 82, 0.1);
      border-radius: 8px;
      margin: m-w(24) 0 m-w(24) m-w(30);
      padding: m-w(32) m-w(16);
      p {
        margin-bottom: m-w(16);
      }
      .titlePatient {
        padding: 0;
        font-weight: 400;
        font-size: m-w(26);
        color: #999;
        position: relative;
        height: m-w(48);
        line-height: m-w(38);
        display: flex;
        align-items: center;
        & > span {
          margin-right: m-w(40);
        }
        .name {
          font-weight: 600;
          font-size: m-w(34);
          color: #333;
        }
      }
      .sampleSequence,
      .joinTime {
        font-size: m-w(26);
        vertical-align: middle;
      }

      .photo {
        width: m-w(40);
        height: m-w(40);
        border-radius: 50%;
        margin: 0 m-w(20) 0 0;
      }
      .edit {
        width: m-w(44);
        height: m-w(44);
        margin: 0 0 0 m-w(26);
      }
      .remove {
        color: #d0021b;
        border: 1px solid #d0021b;
        font-size: m-w(22);
        height: m-w(40);
        width: m-w(80);
        border-radius: m-w(8);
        padding: unset;
        position: absolute;
        right: m-w(16);
      }
      .imgArea {
        width: m-w(136);
      }

      .content {
        font-size: m-w(26);
        color: #afa7a7;
        text-align: left;
      }
    }
  }
}
.refuseModal {
  width: 80vw;
  max-width: 380px;
  .delPatient {
    font-size: m-w(30);
    color: #333;
  }
  .am-modal-button-group-h {
    border: none;
  }
  .am-modal-content {
    border-radius: m-w(24);
  }
}
